<%-- 
    Document   : GastosDeProyectos
    Created on : 08-14-2012, 09:19:06 PM
    Author     : Alex
--%>
<%@include file="/include/header.jsp" %>
<script type="text/javascript">

    function save(){
        if(validarForm() == true){
            var form = document.getElementById("gastosProyectosForm");
            var extra = document.getElementById("extra").value;
            form.extraordinario.value = extra;
            if(form.cmd.value == "RegistrarGastoProy"){
                var proy = document.getElementById("proy").value;
                form.proyecto.value = proy;
            }
            form.submit();
        }
    }
    
    function nuevo(){
        var form = document.getElementById("gastosProyectosForm");
        //var url = getBaseURL();
        //url = url + "GastosProyectos.jsa?cmd=init";
        var url = "./GastosProyectos.jsa?cmd=init";
        form.action = url;    
        form.submit();
    }
    
    function viewGastos(){
        //var options = {};
        //$("#tablaGastos").show("fold", options, "slow");
        var form = document.getElementById("gastosProyectosForm");
        var url = form.action + "?cmd=initBusqueda";
        window.open(url, "gastosProyWin", "HEIGHT=600, WIDTH=950, MODAL=YES, scrollBars=YES");
    }
    
    function validarForm(){
        var form = document.getElementById("gastosProyectosForm");
        var monto = form.monto.value;
        if(isNaN(monto)){
            $( "#dialog:ui-dialog" ).dialog( "destroy" );
            $( "#dialog-message" ).dialog({minHeight: 70, height: 180, modal: true, buttons: {Ok: function() {$( this ).dialog( "close" );}}});
            return false;
        } else {
            if (String(monto).indexOf(".") < String(monto).length - 3 && String(monto).indexOf(".") != -1) {
                $( "#dialog:ui-dialog" ).dialog( "destroy" );
                $( "#dialog-message" ).dialog({minHeight: 70, height: 180, modal: true, buttons: {Ok: function() {$( this ).dialog( "close" );}}});
                return false;
            } else {
                return true;
            }
        }
    }


</script>
<div class="content">
    <table class="form">
        <html:form styleId="gastosProyectosForm" action="/GastosProyectos">
            
            <logic:equal name="save" value="new">
                <html:hidden property="cmd" value="RegistrarGastoProy" />
            </logic:equal>
            <logic:notEqual name="save" value="new">
                <html:hidden property="cmd" value="ModificarGastoProy" />
            </logic:notEqual>
            
            <html:hidden property="idGastosProyecto" />

            <logic:notEqual name="extra" value="yes">
                <html:hidden property="extraordinario" styleId="extra" value="NO" />
                <caption class="titleSeg">Registro de Gastos por Proyecto</caption>
            </logic:notEqual>

            <logic:equal name="extra" value="yes">
                <html:hidden property="extraordinario" styleId="extra" value="SI" />
                <caption class="titleSeg">Registro de Gastos Extraordinarios por Proyecto</caption>
            </logic:equal>


            <!-- NUEVO REGISTRO -->
            <logic:equal name="save" value="new">           
            <tr class="campos">
                <td class="label">Monto:&nbsp;&nbsp;$</td>
                <td class="control"><html:text property="monto" /></td>
            </tr>
            <tr class="campos">
                <td class="label">Concepto:&nbsp;</td>
                <td class="control"><html:text property="concepto" styleClass="tinput404" /></td>
            </tr>
            <tr class="campos">
                <td class="label">Proyecto:&nbsp;</td>
                <td class="control">
                    <html:select property="proyecto" styleId="proy">
                        <html:option value="N/A">--- Seleccione un proyecto ---</html:option>
                        <html:option value="FA">Fe y Alegr&iacute;a</html:option>
                        <html:option value="MU">M&aacute;rtires de la UCA</html:option>
                    </html:select>
                </td>
            </tr>
            </logic:equal>
            <!-- *************** -->
            
            <!-- MODO EDICION -->
            <logic:notEqual name="save" value="new">           
            <tr class="campos">
                <td class="label">Monto:&nbsp;&nbsp;$</td>
                <td class="control"><html:text readonly="true" property="monto" /></td>
            </tr>
            <tr class="campos">
                <td class="label">Concepto:&nbsp;</td>
                <td class="control"><html:text readonly="true" property="concepto" styleClass="tinput404" /></td>
            </tr>
            <tr class="campos">
                <td class="label">Proyecto:&nbsp;</td>
                <td class="control">
                    <html:select property="proyecto" disabled="true" styleId="proy">
                        <html:option value="N/A">--- Seleccione un proyecto ---</html:option>
                        <html:option value="FA">Fe y Alegr&iacute;a</html:option>
                        <html:option value="MU">M&aacute;rtires de la UCA</html:option>
                    </html:select>
                </td>
            </tr>
            <tr class="campos">
                <td class="label">Estado del Gasto:&nbsp;</td>
                <td class="control">
                    <html:select property="estado" styleId="proy">
                        <html:option value="N/A">--- Seleccione un estado ---</html:option>
                        <html:option value="CANCELADO">Anulado</html:option>
                        <html:option value="ELIMINADO">Eliminado</html:option>
                    </html:select>
                </td>
            </tr>
            <tr class="campos">
                <td class="label">Justificaci&oacute;n:&nbsp;&nbsp;</td>
                <td class="control"><html:text property="justificacion" styleClass="tinput404" /></td>
            </tr>    
            </logic:notEqual>
            <!-- ************ -->

            <!-- AREA DE MENSAJES -->
            <tr>
                <td colspan="2"><br /></td>
            </tr>
            <logic:present name="msg">
                <tr>
                    <td colspan="2"><br /></td>
                </tr>
                <tr>
                    <td colspan="2" class="success">
                        <html:img src="./images/ok.png" />&nbsp;
                        <html:messages id="mensaje" name="msg"><bean:write name="mensaje" /></html:messages>
                        </td>
                    </tr>
            </logic:present> <!-- Cierre del Logic de mensajes -->
            <logic:present name="errors">
                <tr>
                    <td colspan="2"><br /></td>
                </tr>
                <tr>
                    <td colspan="2" class="errors">
                        <html:img src="./images/error.png" />&nbsp;<html:errors name="errors" />
                    </td>
                </tr>
            </logic:present> <!-- Cierre del Logic de errores -->
            <tr>
                <td colspan="2"><br /></td>
            </tr>
            <!-- FIN AREA DE MENSAJES -->
            
            <!-- BOTONES -->
            <tr class="botones">
                <td colspan="2">
                    <div style="float: right">
                        <html:button property="btnSubmit" onclick="save();" value="Registrar" styleClass="button" />
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        <html:button property="btnView" onclick="viewGastos();" value="Ver Gastos Registrados" styleClass="button" />
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        <html:button property="btnReset" onclick="nuevo();" value="Nuevo" styleClass="button" />
                    </div>
                </td>
            </tr>
            <!-- ******* -->
        </table>
    </html:form>
    <!-- DIVS DE MENSAJES DE VALIDACIONES -->
    
    <div id="dialog-message" style="display: none" title="Advertencia">
	<p>
            <span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span>
            El monto debe ser un valor num&eacute;rico de hasta 2 decimales. Ej.: 120.25; 20.57; etc.
	</p>
    </div>
    
    <!-- ******************************* -->

</div>
<%@include file="/include/footer.jsp" %>